<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>让段落的第一个字母浮动到左侧</title>
    <style>
        span {
            float: left;
            width: 1.2em;
            font-size: 400%;
            font-family: algerian, courier;
            line-height: 80%;
        }
    </style>
</head>

<body>
    <p>
        <span>这</span>是一些文本。
        这是一些文本。这是一些文本。
        这是一些文本。这是一些文本。这是一些文本。
        这是一些文本。这是一些文本。这是一些文本。
        这是一些文本。这是一些文本。这是一些文本。
        这是一些文本。这是一些文本。这是一些文本。
        这是一些文本。这是一些文本。这是一些文本。
        这是一些文本。这是一些文本。这是一些文本。
    </p>

    <p>
        在上面的段落中, 第一个字嵌入在span 元素中。
        这个 span 元素的宽度是当前字体大小的1.2倍。
        这个 span 元素是当前字体的400%(相当大)， line-height 为80%。
        文字的字体为"Algerian"。
    </p>

</body>

</html>